<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php
echo $this->headScript()->
        appendFile($this->baseUrl() . "/js/jquery-1.7.1.js")->
        appendFile($this->baseUrl() . "/js/jquery.validate.js")->
        appendFile($this->baseUrl() . "/js/jquery-ui-1.8.23.custom.min.js")->
        appendFile($this->baseUrl() . "/js/jquery.blockUI.js")->
        appendFile($this->baseUrl() . "/js/common.js")->
        appendFile($this->baseUrl() . "/css/bootstrap/dist/js/bootstrap.min.js");
echo $this->headLink()
        ->setIndent('  ')
        ->prependStylesheet($this->baseUrl() . "/css/bootstrap/dist/css/bootstrap.min.css")
        ->prependStylesheet($this->baseUrl() . "/css/bootstrap/dist/css/bootstrap-theme.min.css");
?>
<head>
    <meta charset="utf-8">
    <title>Laboratorios virtuales - FP-UNA</title>        
</head>
<style type="text/css">    
    body{ 
        background-color: #1b1b1b !important;
        margin-top:0px; 
    }            
    .glyphicon { margin-right:10px; }
    .panel-body { padding:0px; }
    .panel-body table tr td { padding-left: 15px }
    .panel-body .table {margin-bottom: 0px; }

    .well {
        background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%) !important;
        background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%) !important;
        border-color: #dcdcdc !important;
    }
</style>
<div id="layout" >
    <div id="wrap">
        <nav class="navbar navbar-default" role="navigation">         
            <div class="container">   
                <div class="navbar-header">   
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span
                            class="icon-bar"></span><span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">Laboratorios Virtuales - FP UNA</a>                
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">                
                    <ul class="nav navbar-nav navbar-right">
                        <li id="nav-register-btn">
                            <?php echo $this->loggedUsername(); ?>
                        </li>
                        <li id="nav-login-btn" class="">
                            <a href="<?php echo $this->url(array('module' => 'default', 'action' => 'logout', 'controller' => 'login')); ?>" tittle="Salir del Sistema"><span class="glyphicon glyphicon-off"></span></a>
                        </li>
                    </ul>
                </div> 
            </div>
        </nav>
        <div class="container">
            <div class="row">
                <div class="col-sm-3 col-md-3">
                    <div class="panel-group" id="accordion" >
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-home">
                                        </span> Inicio</a>
                                </h4>
                            </div>
                            <div id="collapseOne" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group">
                                        <li class="list-group-item"><span class="glyphicon glyphicon-list text-primary"></span><a href="<?php echo $this->url(array('module' => 'academico', 'action' => 'index', 'controller' => 'laboratorioalumno')); ?>">Lista de Laboratorios</a></li>
                                        <!--li class="list-group-item"><span class="glyphicon glyphicon-play-circle text-primary"></span><a href="<?php echo $this->url(array('module' => 'academico', 'action' => 'index', 'controller' => 'maquinaalumno')); ?>">Dashboard</a></li-->
                                        <!--li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="<?php // echo $this->url(array('module' => 'academico', 'action' => 'index', 'controller' => 'dashboard'));  ?>"> Dashboard </a></li-->
                                    </ul>                                                                           
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><span class="glyphicon glyphicon-th">
                                        </span>Laboratorios</a>
                                </h4>
                            </div>
                            <div id="collapseTwo" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <ul class="list-group">
                                        <!--li class="list-group-item"><span class="glyphicon glyphicon-list text-primary"></span><a href="<?php //echo $this->url(array('module' => 'academico', 'action' => 'index', 'controller' => 'laboratorioalumno'));  ?>">Lista de Laboratorios</a></li-->
                                        <li class="list-group-item"><span class="glyphicon glyphicon-list-alt text-primary"></span><a href="<?php echo $this->url(array('module' => 'academico', 'action' => 'matriculacion', 'controller' => 'usuario')); ?>"> Matriculaci&oacute;n</a></li>
                                    </ul>

                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><span class="glyphicon glyphicon-user">
                                        </span> Perfil</a>
                                </h4>
                            </div>
                            <div id="collapseThree" class="panel-collapse collapse">
                                <div class="panel-body">                                
                                    <ul class="list-group">
                                        <li class="list-group-item"><span class="glyphicon glyphicon-list-alt text-primary"></span><a href="<?php echo $this->url(array('module' => 'academico', 'action' => 'myaccount', 'controller' => 'usuario')); ?>"> Informaci&oacute;n de la cuenta</a></li>
                                        <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="<?php echo $this->url(array('module' => 'academico', 'action' => 'index', 'controller' => 'changepass')); ?>"> Cambiar contrase&ntilde;a</a></li>
                                    </ul> 
                                </div>
                            </div>
                        </div>                    
                    </div>
                </div>
                <div class="col-sm-9 col-md-9">
                    <div class="well">
                        <?php
                        echo $this->layout()->content;
                        ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>